<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
     <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%> 

<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="<%=basePath %>css/cssreset.css">
        <link rel="stylesheet" href="<%=basePath %>css/pagination.css">
        <link rel="stylesheet" href="<%=basePath %>css/style.css">
        <link rel="stylesheet" href="<%=basePath %>css/stys.css">
        <link rel="stylesheet" href="<%=basePath %>css/easyui.css">
        <link rel="stylesheet" href="<%=basePath %>css/icon.css">
        <link rel="stylesheet" href="<%=basePath %>css/color.css">
         <script src="<%=basePath %>js/jquery.min.js"></script>
        <script src="<%=basePath %>js/jquery.pagination.js"></script>
        <script src="<%=basePath %>js/jquery.easyui.min.js"></script>
        
    </head>
    
    <body>   
      <script type="text/javascript">
      window.onload=function(){  
    	 	window.location.href="<%=basePath %>approve/Findnoapprove.action";
    	} 
      </script>
        <div class="bgs"></div>
    	<div class="bigbox">
    		<nav>
    			<span class="scolor"></span>
    			<ul>
    				<li><a href="<%=basePath %>page/originalIndex.jsp" id="sline"><p class="mline"><span class="smallicon" id="current"></span><span class="navtxt" id="current2">首 页</span></p></a></li>
    				<li><a href="<%=basePath %>client/findByIndex.action"><p class="mline"><span class="smallicon onn"></span><span class="navtxt">客 户</span></p></a></li>
    				<li><a href="<%=basePath %>sale/findSale.action"><p class="mline"><span class="smallicon one2"></span><span class="navtxt">销 售 机 会</span></p></a></li>
    				<li><a href="<%=basePath %>contact/page.action"><p class="mline"><span class="smallicon one3"></span><span class="navtxt">联 系 人</span></p></a></li>
    				<li><a href="<%=basePath %>contract/findByAlls.action"><p class="mline"><span class="smallicon one4"></span><span class="navtxt">合 同</span></p></a></li>
                    <li class="shenpi"><a href="<%=basePath %>page/pacts.jsp"><p class="mline"><span class="smallicon one8"></span><span class="navtxt">合 同 审 批</span></p></a></li>
    				<c:if test="${sessionScope.backstage == 1}">
   						<li><a href="<%=basePath %>staff/selectTree.action"><p class="mline"><span class="smallicon one5"></span><span class="navtxt">后 台 管 理</span></p></a></li>
    				</c:if>
    			</ul>
    		</nav>
    		<div class="showbox">
    			<h1>客 户 管 理 系 统(CRM)</h1>
    			<div class="approve">
    				<div class="approvebox">
    					<div class="abox1">
    						<h2>审 批</h2>
    						<div class="apprcontent">
    							<p>
    								<a href="<%=basePath %>approve/Findnoapprove.action">未审批</a>
    								<a href="<%=basePath %>approve/alreadyapproveAll.action">审批结果</a>
    								<a href="<%=basePath %>approve/findApproveAmong.action">待审批</a>
    							</p>
    							<ul>
                                	  <c:forEach items="${array}" var="test">  
                                	<li>
    									<h6 class="sbox1">
    									<span>审批人：  ${test.ApproverId}</span>
    									<span>类型：  ${test.type}</span>
    									<span>提交日期：  ${test.saleStageName}</span>
    									</h6>
    									<h5 class="ssbox1">
    									<span>	审批正文：  ${test.contractContent}</span>
    										<a href="#" class="more" id=" ${test.approveId}" onclick="dian(this)">查看更多 > </a>
    									</h5>
    								</li>                                
                                       </c:forEach>        
                                </ul>	
    						</div>
    					</div>
    					<div class="abox2">
    						<h3>通知</h3>
    						<p class="sabox2">
    							<span>公司各部门:</span>
    							<span id="light2">&nbsp;&nbsp;&nbsp;&nbsp;为进一步提升公司各员工的职业技能及业务素质，

公司将在近期

开展公司内部人员的培训，

希望各部门、各位员工积极配合。</span>
    							<span class="light">广州君思网络科技有限公司</span>
    							<span class="light">2017年7月25日</span>
    						</p>
    						<p class="sabox2">
    							<span>公司各部门:</span>
    							<span id="light2">&nbsp;&nbsp;&nbsp;&nbsp;为提高各分公司的管理能力和业务能力，

公司计划在每季度最后一个月进行财务管理知

识、公司规章制度、档案、资料管理知识、各项社会保险进行培训，对新入职员工进行企业

概况、文化、经营理念及公司规章制度、安全与事故预防等内容的培训。</span>
    							<span class="light">广州君思网络科技有限公司</span>
    							<span class="light">2017年7月25日</span>
    						</p>
    					</div>
    				</div>
                    
    			</div>
    		</div>
    	</div>
              
        <script>
        $('.more').click(function(event) {
            $('.fom').css('display', 'block');
            $('.bgs').css('display', 'block');
        });
        $('.fom>h3>img').click(function(event) {
            $('.fom').css('display', 'none');
            $('.bgs').css('display', 'none');
        });
             function dian(obj){
                 $.ajax({
                     url: '<%=basePath %>approve/findContract.action',
                     type: 'post',
                     data: {approveId: obj.id},
                     success:function(data){
                    	  $('#flowname').val(data[0].flowNme);//审 批 流 程
                          $('#saleStageName').val(data[0].saleStageName);//提 交 时 间
                          $('#numbers').val(data[0].contractId);//合 同 编 号
                          $('#users').val(data[0].username);//个 人 名 称
                          $('#moneys').val(data[0].deposit);//保 证 金
                          $('#times').val(data[0].contractTime);//合 同 期 限
                          $('#photos').val(data[0].clientelePhone);//客 户 电 话
                          $('#qq').val(data[0].serviceQQ);//客 服 Q Q
                          $('#dizhi').val(data[0].workLocation);//现在办公地址
                          $('#states').val(data[0].approvalState);//审批状态
                          document.getElementById("textareas").innerText=data[0].contractContent;//合 同 内 容
                          document.getElementById("textareass").innerText=data[0].reserve;//其 他 规 定   
                          $('#approveTimes').val(data[0].approveTime);//审批时间
                          document.getElementById("approveOpinions").innerText=data[0].approveOpinion;//审 批 意 见
                          document.getElementById("remark").innerText=data[0].remarks;//说明
                     }
                 })
             }
          <%--    $('.M-box').pagination({
             pageCount: ${PageCount},//总页数
             current: ${PageNum},//当前页码
             callback:function(api){
                 var pageNum=api.getCurrent();
                 $.ajax({  
                     type : "POST",  
                     url : "<%=basePath%>staff/findStaff.action",//路径  
                     data : {  
                         pageNum : api.getCurrent()  
                     },
                     success : function(data) {
                         var number=data[0].number;//总页数
                         api.setPageCount(number);//动态修改总页数为20页
                         var pageNum=data[0].pageNum;
                           var text="";
                             $('.trs').remove();
                             for(var i=0;i<data[0].list.length;i++){
                                  
                                      text=$('<li><h6 class="sbox1"><span>'+'审批提交人：李华'+'</span><span>'+'类型：请假'+'</span><span>'+'提交日期：2017-7-18'+'</span></h6><h5 class="ssbox1">'+'审批正文：发发发的发沙发沙发沙发发多撒大所大所大所大所大所大所大所大所大所大所大所多发发发的发沙发沙发沙发发多撒大所大所大所大所大所大所大所大所大所大所大所多'+'<a href="#" class="more" onclick="dian(this)">'+'查看更多 > '+'</a></h5></li>');
                                     $('.apprcontent ul').append(text);
                                 }
                     }
                 });  
             }
         },function(api){
             var pageNum;
             $.ajax({  
                 type : "POST",  
                 url : "<%=basePath%>approve/findnoapprove.action",//路径  
                 data : {  
                     pageNum : api.getCurrent()   
                 },
                 success : function(data) {           
                     var number=data[0].number;//总页数
                     api.setPageCount(number);//动态修改总页数为20页
                     var pageNum=data[0].pageNum;
                       var dat=[];
                         for(var i=0;i<data[0].list.length;i++){
                             dat.push(data[0].list);
                             var text=$('<li><h6 class="sbox1"><span>'+'审批人：'+data[0].list[i].ApproverId+'</span><span>'+'类型：'+data[0].list[i].type+'</span><span>'+'提交日期：'+data[0].list[i].saleStageName+'</span></h6><h5 class="ssbox1">'+'审批正文：'+data[0].list[i].contractContent+'<a href="#" class="more" id="'+data[0].list[i].contractContent+'" onclick="dian(this)">'+'查看更多 > '+'</a></h5></li>');
                             $('.apprcontent ul').append(text);
                         }
                                 
                 }
             });  
         });
               
          
             --%>
         </script> 

    </body>
</html>
